<!DOCTYPE html>  
<html>  
<head>  
  <style>  
    /* 导航栏样式 */  
    nav {  
      background-color: #333;  
      overflow: hidden;  
    }  
  
    /* 导航链接样式 */  
    nav a {  
      color: #f2f2f2;  
      display: inline-block;  
      text-align: center;  
      padding: 14px 16px;  
      text-decoration: none;  
    }  
  
    /* 鼠标悬停在链接上时的样式 */  
    nav a:hover {  
      background-color: #ddd;  
      color: black;  
    }  
  </style>  
</head>  
<body>  
  <nav>  
    <a href="#">首页</a>  
    <a href="#">产品</a>  
    <a href="#">关于我们</a>  
    <a href="#">联系我们</a>  
    <audio src="洛天依 - 万分之一的光.mp3" controls="controls"></audio>
  </nav>  
</body>  
</html>